import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
// import { resolve } from 'path'
import { visualizer } from 'rollup-plugin-visualizer'
import removeConsole from 'vite-plugin-remove-console'
import viteCompression from 'vite-plugin-compression'
import cdn from 'vite-plugin-cdn-import'

// https://vite.dev/config/
export default defineConfig({
  plugins: [
    vue(),
    visualizer({
      open: true, // 自动打开浏览器，显示打包体积图
      gzipSize: true, // 显示gzip压缩后的体积大小
    }),
    removeConsole(),
    viteCompression(),
    cdn({
      modules: ['vue', 'lodash'],
    }),
  ],
  resolve: {
    // alias: {
    //   // 配置路径别名
    //   '@': resolve(__dirname, 'src'),
    // },
    // 配置省略后缀名
    extensions: ['.vue', '.js', '.json'],
  },
  // 配置代理跨域请求
  server: {
    proxy: {
      '/server': {
        target: 'http://127.0.0.1:4000', // 后端接口
        changeOrigin: true,
        // 将 /dev-api 重写 ''
        rewrite: (path) => path.replace(/^\/server/, ''),
      },
    },
  },
})
